@include b(control-grid) {
  @include m(checkin) {
    --ibiz-control-grid-row-bg-color-2: #{getCssVar(color, bg, 1)};

    .el-table {
      --el-table-current-row-bg-color: #{getCssVar(color, bg, 1)};
      --ibiz-control-grid-row-hover-color: #{getCssVar(color, bg, 1)};
    }

    .#{bem(pagination)} {
      span {
        display: none;
      }
    }

    .#{bem(grid-field-column, cell-empty)} {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      color: #333;
      cursor: not-allowed;
    }
  }
}

@include b(grid-checkin) {
  @include e(container) {
    display: flex;
    flex-direction: column;
    height: 100%;

    .el-alert {
      margin-bottom: var(--ibiz-spacing-tight);
      background-color: var(--ibiz-color-info-light-default);
    }
  }
  @include e(header) {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: space-between;
    padding-bottom: var(--ibiz-spacing-tight);
  }
}
